<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html >
<html>
<head>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/regist.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<link href="bootstrap/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
.errorClass{
color: red;
}
</style>
</head>
<body>
	<div style="background-color: #ededed">
		<div class="container">
			<div class="row">
				<div class="col-md-9">
					<h4>&nbsp;</h4>
					<h4>&nbsp;</h4>

					<h4>新用户注册</h4>
					<small>&nbsp;</small>
					<form action="${pageContext.request.contextPath}/index/registUser.do" method="post" id="registForm">
					<table style="background-color: #FFFFFF; width: 700px">

						<tr style="height: 70px">
							<td style="width: 40px">&nbsp;</td>
							<td><h5>用户名</h5>
								<div>
									<input type="text" class="form-control" id="username"
										name="username" placeholder="请输入登录用户名">
								</div></td>
							<td style="width: 40px">&nbsp;</td>
							<td><h5>手机号码</h5>
								<div>
									<input type="text" class="form-control" id="phone" name="phone"
										placeholder="手机号码">
								</div></td>
							<td style="width: 40px">&nbsp;</td>
						</tr>

						<tr style="height: 20px">
							<td style="width: 40px">&nbsp;</td>
							<td><p>
									<label class="errorClass" id="usernameError">&nbsp;&nbsp;&nbsp;${errors.username }</label>
								</p></td>
							<td style="width: 40px">&nbsp;</td>
							<td><p>
									<label class="errorClass" id="phoneError">&nbsp;&nbsp;&nbsp;${errors.phone }</label>
								</p></td>
							<td style="width: 40px">&nbsp;</td>
						</tr>

						<tr style="height: 70px">
							<td style="width: 40px">&nbsp;</td>
							<td>
								<h5>设置密码</h5>
								<div>
									<input type="password" class="form-control" id="password"
										name="password" placeholder="请输入6－16位字符或数字">
								</div>

							</td>
						
						</tr>

						<tr style="height: 20px">
							<td style="width: 40px">&nbsp;</td>
							<td><p>
									<label class="errorClass" id="passwordError">&nbsp;&nbsp;&nbsp;${errors.password }</label>
								</p></td>
							<td style="width: 40px">&nbsp;</td>
							<td>
								<p>
									<label class="errorClass" id="passwordagainError">&nbsp;&nbsp;&nbsp;${errors.passwordagain }</label>
								</p>
							</td>
							<td style="width: 40px">&nbsp;</td>


						</tr>

						<tr style="height: 70px">
							<td style="width: 40px">&nbsp;</td>
							<td>
								<h5>常用邮箱</h5>
								<div>
									<input type="email" class="form-control" id="email"
										name="email" placeholder="输入常用邮箱方便联系">
								</div>

							</td>
							
						</tr>

						
						<tr style="height: 20px">
							<td style="width: 40px">&nbsp;</td>
							<td><p>
									<label class="errorClass" id="verifyCodeError">&nbsp;&nbsp;&nbsp;${errors.verifyCode}</label>
								</p></td>
							<td style="width: 40px">&nbsp;</td>
							<td><p>
									<label class="errorClass" id="phoneError">&nbsp;&nbsp;&nbsp;</label>
								</p></td>
							<td style="width: 40px">&nbsp;</td>
						</tr>
						<tr style="height: 70px">
							<td style="width: 40px">&nbsp;</td>
							<td><input type="submit" class="btn btn-primary btn-lg"
								value="立即注册"></td>
							<td style="width: 40px">&nbsp;</td>
							<td></td>
							<td style="width: 40px">&nbsp;</td>
						</tr>

					</table>
					</form>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
				</div>

				<div class="col-md-3" align="center" >
					<h4>&nbsp;</h4>
					<h4>&nbsp;</h4>
					<h4>已经有账号，立即登录</h4>
					<h4>&nbsp;</h4>

					<a href="login.do"
						class="btn btn-primary btn-lg">&nbsp;&nbsp;&nbsp;&nbsp;登&nbsp;&nbsp;录&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</div>
			</div>
		</div>
	</div>
	
</body>
</html>